<template>
  <div class="experience-list flex flex-wrap">
    <ul class="experience-list__left">
      <li class="experience-item br-20 ofh">
        <img
          class="experience-item__img"
          src="@/assets/images/goods1.png"
          alt="心得"
        />
        <div class="experience-item__content">
          <h4 class="title">中山路这家火锅店真心不错大家可以试试</h4>
          <div class="flex flex-s-b flex-v-c fs-24 mt-20">
            <div class="flex flex-v-c fle-1">
              <img class="avar" src="@/assets/images/avar.png" alt="头像" />
              <span class="toe ml-5">小美眉</span>
            </div>
            <div class="fle-1 tar">
              <span>15478</span>
              <svg-icon icon-class="nice" class="fs-42" />
            </div>
          </div>
        </div>
      </li>
    </ul>
    <ul class="experience-list__right">
      <li class="experience-item br-20 ofh">
        <img
          class="experience-item__img"
          src="@/assets/images/bussiness_goods2.png"
          alt="心得"
        />
        <div class="experience-item__content">
          <h4 class="title">同安欢乐谷一日游，非常适合约会</h4>
          <div class="flex flex-s-b flex-v-c fs-24 mt-20">
            <div class="flex flex-v-c fle-1">
              <img class="avar" src="@/assets/images/avar.png" alt="头像" />
              <span class="toe ml-5">小美眉小美眉</span>
            </div>
            <div class="fle-1 tar">
              <span>15478</span>
              <svg-icon icon-class="nice" class="fs-42" />
            </div>
          </div>
        </div>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'experience-list',
}
</script>

<style lang="scss" scoped></style>
